@charset "utf-8";


 

body{  min-width: 1240px; margin:0 auto; position: relative;   }



.j_body{ position: relative;}



.main_box{ margin:0 auto; width:1200px; position:relative;}



.main_box_small{ margin:0 auto; width:1115px; position:relative;}





/*===============================================header================================================*/

.header{position:fixed;top:0;left:0;width:100%;height:105px;background-color:transparent;z-index:999}
.header.fix{background-color:rgba(0,0,0,.5);}
.header .wp{padding:0 32px;max-width:none;}
.header .logo{float:left;height:105px;line-height:105px}
.header .logo img{display:inline-block;vertical-align:middle;height:96px;}
.header .logo .logo-m{display:none}
.header .header-r{padding-top:40px;float:right}
.header .btn-so{margin-left:20px;display:inline-block;width:40px;height:40px;background:url(ico-g-1.png) center center no-repeat}
.nav{position:relative;padding-top:1px;float:right}
.nav li{float:left}
.nav .par{padding:0 20px;display:inline-block;height:105px;line-height:105px;color:#fff;font-size:18px}
.nav .on .par,.nav .par.on,.nav .par:hover{color:#0062ac;background-color:#fff}
.nav.s2 .on .par,.nav.s2 .par.on,.nav.s2 .par:hover{color:#d7100d;background-color:#fff}

.nav .sub{position:absolute;top:105px;left:0;padding:0px;width: 100%;display:none;overflow:hidden;}

.nav .list{overflow: hidden;background-color:#fff;}
.nav li:last-child .sub{text-align: center;width: auto;left: auto;right: 0;}
.nav li:last-child .list{float: none;display: inline-block;vertical-align: middle;} 
.nav .list a{padding:20px 21px;display:inline-block;height:60px;font-size:0}
.nav .list a:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.nav .list .cont{display:inline-block;vertical-align:middle}
.nav .list .cn{position:relative;font-size:16px;text-align:center;color:#0062ac}
.nav.s2 .list .cn{color:#d7100d}
.nav .list .cn:after{position:absolute;bottom:-2px;left:50%;display:block;width:0;height:1px;background-color:#0062ac;content:'';-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.nav.s2 .list .cn:after{background-color:#d7100d}
.nav .list a:hover .cn:after{width:100%;left:0}
.nav .list .en{color:#0062ac;font-size:12px;text-align:center}
.nav.s2 .list .en{color:#d7100d}



@media only screen and (max-width:1600px){
.header .logo img.logo-pc{height:96px}
.nav .par{font-size:18px}
.header .btn-mail,.header .btn-so{margin-left:10px}
.nav .list{padding-left:8px}
.nav .list a{padding-left:8px;height:60px}
.nav .list .cn{font-size:16px}
.nav .sub .img{width:160px;height:90px}
}
@media only screen and (max-width:1365px){
.nav .par{padding:0 13px}
.nav .sub .img{display:none}
.nav li:last-child .sub{text-align: left;}
.nav li:last-child .img{display: none;}
}
@media only screen and (max-width:1199px){
.wp{width:96%}
.nav .par{padding:0 8px}
.header .wp{padding:0 20px}
.header .logo img.logo-pc{height:75px}
.nav .list a{padding:0 5px;height:auto}
.nav .sub{padding:10px}
.header .btn-mail,.header .btn-so{margin-left:0}
}
@media only screen and (max-width:1023px){
.header .wp{padding:0}
.nav{display:none}
.header{height:60px}
.header .logo{height:60px;line-height:60px}
.header .header-r{padding-top:10px}
}



 body.fixme{height:100%;overflow:hidden;}
.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;background-color:rgba(0,0,0,.8);}

.box-pop{position:fixed;top:-1000px;left:10%;margin-top:-20px;width:80%;border-radius:3px;z-index:14;}
.box-pop.show{top:50%;font-size:0}
.box-pop .inp-so{padding:10px;display:inline-block;width:calc(94% - 40px);height:38px;border:1px solid #fff;color:#fff;font-size:16px;background-color:transparent;border-radius:5px 0 0 5px;border-right:none;vertical-align:middle;}
.box-pop .btn-so{display:inline-block;width:60px;height:60px;background:url(ico-g-1.png) center center no-repeat;border:1px solid #fff;border-radius:0 5px 5px 0;vertical-align:middle}
.banner-inner{background-size:cover;background-position:center center;background-repeat:no-repeat}
.banner-inner img{display:block;width:100%}

 


/*================= banne===================*/

.bannerBox{position:relative}
.bannerBox .goDown{position:absolute;left:50%;bottom:25px;z-index:10;margin-left:-20px;width:40px;height:40px;background:url(banner-godown.png) center no-repeat}
.banner img{width:100%}
.banner .slick-dots{position:absolute;bottom:30px;left:30px;z-index:10;font-size:0}
.banner .slick-dots li{display:inline-block;margin-right:10px;width:68px;height:70px;line-height:70px;font-family:Arial;text-align:center;border-bottom:3px solid #fff;vertical-align:middle;color:#fff;opacity:.4;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';filter:alpha(Opacity=40);cursor:pointer}
.banner .slick-dots .slick-active{font-size:40px;background:url(banner-num.png) center no-repeat;opacity:1;filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.p-btn-more{display:block;padding-right:15px;background:url(icop-more.png) right center no-repeat;color:#0062ac}
.p-btn-more.white{background-image:url(icop-more1.png);color:#fff}






/*================= 首页 ==================*/

#s_main_box{ position:relative; }

.s_title{ position: relative; margin-bottom:25px;}

.s_title h1{ font-size:16px; font-weight: 700; color: #37383f; display: block;}

  

 

/*================= 新闻中心 ==================*/

#s_main_box .f1{ margin:60px 0px 45px; overflow: hidden;}

#s_main_box .f1 .left { width:930px;}

#s_main_box .f1 .left .title{ position: relative; border-bottom: 3px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 35px; height: 25px;}

#s_main_box .f1 .left .title h1{ font-size:30px; font-weight:bold; color: #003b8f; display: block; padding-left: 35px; background: url(icon_s_news.png) left center no-repeat; position: absolute;  left: 0;top: 0px;}

#s_main_box .f1 .left .title h1 span{ font-size:16px; font-weight:normal; padding-left:10px;text-transform:uppercase; color: #ccc;}


#s_main_box .f1 .left .title .more{ display: block; position: absolute; right: 0; top: -5px; background: url(icon_s_more.png) center no-repeat; height: 45px; width: 26px; }

#s_main_box .f1 .left .title .more:hover{  background: url(icon_s_more_hover.png) center no-repeat; }

#s_main_box .f1 .left .content{ position: relative;}



#s_slide_news_pic{ width:430px; height:320px;  overflow:hidden; position:relative; }

#s_slide_news_pic .bd{ position:relative; height:100%; z-index:2;   }

#s_slide_news_pic .bd li{ position:relative; display:block;  }

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:430px; height:320px; }

#s_slide_news_pic .bd ul li h1{color:#fff;font-size:14px;text-align: center;line-height:45px;height:45px;width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 20px;display:block;position:absolute;left:0;right: 0;bottom: 0px;z-index:99999;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);padding-right: 100px;box-sizing: border-box;}

#s_slide_news_pic .bd img{ width:430px; height:320px; display:block;  }

#s_slide_news_pic .hd{height: 45px; width: 150px; overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:9; }

#s_slide_news_pic .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 19px;  }

#s_slide_news_pic .hd ul li{float:left;margin-left: 6px;width: 8px;height: 8px;border-radius:50%;text-align:center;background:#bebebe;cursor:pointer;}

#s_slide_news_pic .hd ul li.current{ background:#d2333d;   }

#s_slide_news_pic .bnt{ display: block; left: -50px; width: 38px; text-align: center; height: 38px; line-height: 38px; top: 50%; z-index:8; margin-top: -19px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute;  }

#s_slide_news_pic .bnt.next{ left: auto; right:-50px;}

#s_slide_news_pic:hover .bnt { left: 20px; }

#s_slide_news_pic:hover .bnt.next{left: auto; right:20px;}





#s_news_date{ position: absolute; left: 460px; top: 0; width: 470px;}

#s_news_date .text_box a{ font-size: 18px; color:#003b8f; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news_date .text_box span{ display: block; font-size: 12px; color: #b5b6b8; margin: 10px 0;}

#s_news_date .text_box p{  line-height: 24px; color: #98999a; font-size: 14px; height: 48px;}

#s_news_date .text_box{ padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px;}

#s_news_date .text_box a:hover{ color: #003b8f; text-decoration: underline;}



/*================= 文字新闻 ==================*/

#s_news_date .text_news li{ display: block; position: relative; height: 36px; line-height: 36px;}

#s_news_date .text_news a{background: url(icon_news_qq.png) left center no-repeat;  padding-left: 12px;  font-size: 14px; color: #333; float: left; margin-right: 25px; display: block; line-height: 36px; width: 242px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news_date .text_news li a{ width: 300px; display: block; }

#s_news_date .text_news li span{ font-size: 12px; color: #9f9f9f; position: absolute; right: 0; top: 0;}

#s_news_date .text_news li a:hover{ color: #003b8f;}



/*================= 公告栏 ==================*/

#slide_news_top{ width: 220px; margin-top:30px;}

/*================= 图片快捷入口 ==================*/

#s_pic_link{ }

#s_pic_link a { display: block; position: relative; margin-bottom: 18px;}

#s_pic_link img{ width:220px; height: 100px; display: block;}

#s_pic_link .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

#s_pic_link .icon_box::before,#s_pic_link .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

#s_pic_link .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#s_pic_link .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#s_pic_link a:hover .icon_box::before,#s_pic_link a:hover .icon_box::after {opacity: .7;-webkit-transform: scale(1);transform: scale(1);}

 



 

/*================= 专题入口 ==================*/

#s_ad_box{}

#s_ad_box section{ width:590px; }

#s_ad_box .ad_box a { display: block; position: relative;}

#s_ad_box .ad_box img{ width:590px; height: 140px; display: block;}

#s_ad_box .ad_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

#s_ad_box .ad_box .icon_box::before,#s_ad_box .ad_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

#s_ad_box .ad_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#s_ad_box .ad_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#s_ad_box .ad_box a:hover .icon_box::before,#s_ad_box .ad_box a:hover .icon_box::after {opacity: .7;-webkit-transform: scale(1);transform: scale(1);}

 

/*================= 新闻中心模块 ==================*/

#s_news{ background: #f5f5f7; padding: 50px 0 50px; margin-top: 30px; height: 332px;overflow: hidden;}

#s_news .left{ width: 360px;}

#s_news .md{ width: 360px; margin-left: 60px; float: left;}

#s_news .right{ width: 360px; margin-left: 60px; float: left;}

#s_news .title{ position:relative; height: 50px; line-height: 50px; margin-bottom: 10px;}

#s_news .title h1{display:block; width:auto; font-size: 30px; color: #003b8f; text-align:left;}

#s_news .title h1 span{ font-size:16px; font-weight:normal; padding-left:10px;text-transform:uppercase; color: #ccc;}

#s_news .title .more{ display: block; position: absolute; right:0px; top: 6px; font-size: 12px; color: #959596;  }


/*================= 文字新闻 ==================*/

#s_news .text_news{}

#s_news .text_news .box{margin-right: -25px;}

#s_news .text_news ul{ margin-right: 25px;}

#s_news .text_news li{ display: block; position: relative; height: 36px; line-height: 36px;}

#s_news .text_news a{background: url(icon_news_qq.png) left center no-repeat;  padding-left: 12px;  font-size: 14px; color: #333; float: left; margin-right: 25px; display: block; line-height: 36px; width: 202px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news .text_news li a{ width: 235px; display: block; }

#s_news .text_news li span{ font-size: 12px; color: #9f9f9f; position: absolute; right: 0; top: 0;}

#s_news .text_news li a:hover{ color:#003b8f; }

/*================= 企业宣传片 ==================*/

#s_video_box{width: 220px;}

#s_video_box .video_box h1{  margin-bottom: 30px; height: 45px; line-height: 45px; color: #fff; padding-left: 93px; background: url(icon_video.png) 60px center no-repeat #05a182; font-size: 14px; }

.more:hover{color:#003b8f !important;}





/*================= 生产经营 ==================*/

#s_news2{ padding: 50px 0; height: 406px; overflow: hidden; background: #f5f5f7;}

#s_news2 .left{ width: 455px;}

#s_news2 .md{ width: 455px; margin-left: 32px; float: left;}

#s_news2 .title{ position:relative; height: 50px; line-height: 50px; margin-bottom: 10px;} 

#s_news2 .title h1{display:block; width:auto; font-size: 30px; color: #003b8f; text-align:left;}

#s_news2 .title h1 span{ font-size:16px; font-weight:normal; padding-left:10px;text-transform:uppercase; color: #ccc;}

#s_news2 .title .more{ display: block; position: absolute; right: 15px; top: 6px; font-size: 12px; color: #959596;  }



/*================= 生产经营 ==================*/

#s_news2 .pic_news{ margin-top: 15px; margin-bottom: 30px;}

#s_news2 .pic_news .box{margin-right: -25px;}

#s_news2 .pic_news a{ position: relative; display: block; float: left; height: 155px; width: 215px; overflow: hidden; margin-right: 25px;}

#s_news2 .pic_news a .pic_box{width: 215px; height: 155px;   background: #fff; border: 1px solid #e7e7e7;}

#s_news2 .pic_news a .pic_box .box{width: 215px; height: 155px; overflow: hidden; }

#s_news2 .pic_news a img{ width: 215px; height: 155px; display: block; }

#s_news2 .pic_news a h1{width:185px;  position:absolute; bottom: -40px; left: 0; font-size: 14px; padding: 0 15px; height: 36px; line-height: 36px;  color:#fff; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}

#s_news2 .pic_news a:hover h1{ bottom: 0; }

#s_news2 .text_news  a:hover{ color:#003b8f; }

/*================= 安全生产 ==================*/

#s_news2 .text_news{}

#s_news2 .text_news .box{margin-right: -25px;}

#s_news2 .text_news ul{ margin-right: 25px;}

#s_news2 .text_news li{ display: block; position: relative; height: 36px; line-height: 36px;}

#s_news2 .text_news a{background: url(icon_news_qq.png) left center no-repeat;  padding-left: 12px;  font-size: 14px; color: #333; float: left; margin-right: 25px; display: block; line-height: 36px; width: 202px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news2 .text_news li a{ width: 320px; display: block; }

#s_news2 .text_news li span{ font-size: 12px; color: #9f9f9f; position: absolute; right: 0; top: 0;}





/*================= 快捷入口 ==================*/

#s_links_icon{ width: 225px;}

#s_links_icon a{ display: block; margin-bottom: 13px; position: relative; border: 1px solid #d8d9d8; border-radius: 2px; height: 68px; line-height: 68px; overflow: hidden; background:#fff;}

#s_links_icon img{ width: 43px; height: 43px; position: absolute; left:50px; top: 10px; }

#s_links_icon h1{ padding-left: 115px; color: #63666b; font-size: 14px; }

#s_links_icon a:hover{ background: #f5f5f7; }

#s_links_icon{}

 

/*================= 工程项目 ==================*/

#s_case{ padding: 60px 0 50px 0;}

#s_case .title{ position:relative; height: 45px; margin-bottom: 30px;}

#s_case .title .hd a{ display: block; float: left; margin-right:10px;  width: 135px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #4e4f4f; background: #f5f5f7;}

#s_case .title .hd a.on{ background: #003b8f; color: #fff;}

#s_case .title h1{ display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #003b8f; margin-bottom: -2px;  font-size:15px; color:#003b8f;}

#s_case .title .more{ display: block; position: absolute; right: 0; top: 0; background: url(icon_s_more.png) center no-repeat; height: 45px; width: 26px; }

#s_case .title .more:hover{  background: url(icon_s_more_hover.png) center no-repeat; }



#s_case .pic_news{ margin-top: 35px;}

#s_case .pic_news ul{margin-right: -10px;}

#s_case .pic_news li{ display: block; float: left; width: 233px; overflow: hidden; margin-right: 9px;}

#s_case .pic_news li .pic_box{width: 215px; height: 155px; margin-bottom: 8px;padding: 8px; background: #fff; border: 1px solid #e7e7e7;}

#s_case .pic_news li .pic_box .box{width: 215px; height: 155px; overflow: hidden; }

#s_case .pic_news li img{ width: 215px; height: 155px; display: block; }

#s_case .pic_news li h1{  font-size:14px; line-height: 36px;  color:#5f6061; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_case .pic_news li:hover h1{color:#003b8f;  }





/*================= 文化娱乐 ==================*/

#s_links_hw{ background: #ffffff; padding:55px 0 50px 0;}

#s_links_hw .title .main_box{ position:relative; display: inherit; text-align: center;}

#s_links_hw .title a{ display: inline-block; }

#s_links_hw .title h1{ position: relative; z-index: 2; background: #ffffff; color: #003b8f; margin-bottom: 8px; font-size: 30px; display: inline-block; padding: 0 30px;}

#s_links_hw .title img{ display: block; margin: 0 auto;}

#s_links_hw .title i{ width: 100%; display:block; height: 3px; background: #e8e8ec; position: absolute; top: 15px; left: 0; }

#s_links_hw .pic_news{ margin-top: 35px;   overflow: hidden; }

#s_links_hw .pic_news ul{margin-right: -35px;}

#s_links_hw .pic_news li{ display: block; float: left; width: 210px; overflow: hidden; margin-right: 35px;}

#s_links_hw .pic_news li .pic_box{ width: 210px; height: 307px; overflow: hidden; margin-bottom: 8px;}



#s_links_hw .pic_news li img{ width: 210px; height:307px; display: block; }

#s_links_hw .pic_news li h1{  font-size:12px; line-height: 36px;  color:#000; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-align:center; font-weight:normal;}

#s_links_hw .pic_news li:hover h1{color:#003b8f;  }





/*================= 友情链接 ==================*/

#s_links {  overflow: hidden;}



#s_links .main_box{ overflow: hidden; padding: 35px 0 25px 0;}



#s_links ul{ margin-right:-14px;  }



#s_links li{border: 1px solid #ddd;  width:234px; position: relative; height: 38px; float:left; margin-right:5px;}



#s_links li a{ display: block; }



#s_links li img{ width:234px;  height: 38px; position: relative;  display:block;  }



#s_links li a:hover img{  }



#s_links li:hover{border-bottom: 1px solid #003b8f; box-shadow: 0 0 8px  #ccc; }



#s_links_select{ margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e8e8eb; height: 38px; }

#s_links_select .box{ margin-right: -60px; }

#s_links_select .section{ padding-left: 70px; position: relative;width: 290px; margin-right: 55px; float: left;}

#s_links_select .title{ position: absolute; left: 0; top: 0; line-height: 36px; width: 70px; font-size: 14px; color: #343336;}

#s_links_select .content{}

#s_links_select select{ outline:none;}

#s_links_select option{ outline:none;  padding: 5px 0; cursor: pointer; }





/*==============友情链接文字版=====================*/

#s_links_text{ margin-bottom: 25px; } 

#s_links_text a{ color:#6e6c71; font-size:12px; padding-right: 20px; line-height: 30px;}

#s_links_text a:hover{ color: #003b8f;}



/*==============footer=====================*/



#footer{background: #012e6e; padding: 50px 0 50px 0;  font-size:12px; }



#footer .up .main_box{ position:relative; height:92px;}



#footer .up{ height: 32px; padding-bottom: 15px; position: relative;}



#fot_nav {  }



#fot_nav a{ color:#fff; font-size:14px; }



#fot_nav i{ background:url(line_fot_nav.png) center no-repeat; padding:0 10px;}



#footer .un { color:#fff; line-height: 30px;    }



#footer .un a{color:#fff; font-size:12px;  }



#footer a:hover{ color:#fff;  text-decoration:underline;}



#footer .fot_bnt{ position: relative; padding-left: 20px; display: block;  float: left;}



#footer .fot_bnt .ewm{ position: absolute; left: -13px; bottom: 50px; display: none;}



#footer .fot_bnt.ewm_box:hover .ewm{ display: block;}



#fot_tel{ position: absolute; right: 0; top: 0; color: #a4a4a7; font-size: 12px; padding-left: 15px; background: url(../images/icon_fot_tel.png) left center no-repeat;}



#fot_tel strong{ color: #ef8404; font-weight:bold; font-size: 14px; }



 





/*==========分享链接===========*/

#fot_link_box{ position: absolute; right: 0; top:0; z-index: 9;  color: #fff ; font-size: 12px;  } 

#fot_link_box span{ display: inline-block; }

#fot_link_box a{ display:inline-block; vertical-align: middle; position: relative;  width:120px; height: 120px; margin-left:10px; text-align:center; }

#fot_link_box a p{ text-align:center; }

#fot_link_box a img{ width:100px; }




  



/*==============================--内页开始==============================-*/



#n_main_box{ margin-bottom:60px; }



#n_content{ min-height:300px; padding:50px 0 0px; }/*===================内页banner================*/




.banner-inner{background-size:cover;background-position:center center;background-repeat:no-repeat}
.banner-inner img{display:block;width:100%}


#n_up_box{ border-bottom: 3px solid #d9d9dd; padding-top: 35px; }



/*===================内页标题================*/

#n_title{  display: inline-block; padding-bottom: 5px; border-bottom: 3px solid #003b8f; margin-bottom: -3px;  padding-left: 30px; font-size:18px; color:#003b8f; }



/*===================面包屑导航================*/

#position{ position:absolute;  line-height: 30px; height:30px; right:0px; top:35px; font-size:12px;   color:#8a8c8e; background:url(icon_home.png) left center no-repeat; padding-left:22px;}

#position span, #position a, #position i{ font-size:12px; color:#8a8c8e;}

#position em{ font-size:12px; color:#003b8f; font-style: normal;}

#position a:hover{ color:#003b8f;}



.n_content{margin-top: 30px; min-height:400px; margin-bottom: 50px; }



/*===================内页左侧================*/

#n_left{ float: left; width:260px;}

#n_right{ float: right; width: 895px;}

/*============内页左侧导航==========*/

#n_nav{ background: #f7f7f9; margin-bottom: 15px;}



#n_nav ul{ border: 1px solid #e9e9ec;  }



#n_nav li{ display: block; }

#n_nav li:first-child a{ border-top:none;}

#n_nav li a{ display: block; height: 48px; position: relative; margin: 0 10px; border-top: 1px solid #e9e9ec;}



#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #535355; display: block; font-size: 14px; padding-left: 30px;}



#n_nav li a i{position: absolute; left: -10px; top: 0; display:block; background: #003b8f; height: 48px; width: 0;}



#n_nav li a:hover i{ width:260px;}



#n_nav li a:hover strong{ color: #fff; background: url(icon_nav_arrow.png) 210px center no-repeat;}



#n_nav li.on a i{  width:260px;}



#n_nav li.on a strong{ color: #fff;  background: url(icon_nav_arrow.png) 210px center no-repeat;}



/*============内页左侧推荐新闻==========*/

#left_text_news{ margin-bottom: 15px; background: #f7f7f9; padding: 20px 20px 15px 20px; }

#left_text_news .title{ position: relative; border-bottom: 1px solid #d9d9dd;}

#left_text_news .title h1{ display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #003b8f; margin-bottom: -2px;  font-size:15px; color:#003b8f;}

#left_text_news .title .more{ display: block; position: absolute; right: 0; top: 0; background: url(icon_more_left.png) center no-repeat; height: 16px; width: 16px; }

#left_text_news .title .more:hover{ background: url(icon_more_left_hover.png) center no-repeat; }

#left_text_news ul{ margin-top: 15px;}

#left_text_news li{ display: block; line-height: 34px; background: url(icon_left_dd.png) left center no-repeat; padding-left: 12px;}

#left_text_news li a{  display: block;  color: #5a5b5c; font-size: 13px; width: 100%; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#left_text_news li a:hover{ color:#003b8f;}



/*==============新闻中心=====================*/

#left_notice{ width: 260px; padding-top: 15px;   }

#left_notice img{ margin-bottom: 20px;  }

#left_notice .title{ margin-bottom: 20px; height: 16px; padding-left: 6px; line-height: 16px;border-left: 3px solid #003b8f; position: relative;  }

#left_notice .title h1{ display: inline-block;    font-size:15px; color:#003b8f;}

#left_notice .title .more{ display: block; position: absolute; right: 0; top: 0; background: url(icon_more_left.png) center no-repeat; height: 16px; width: 16px; }

#left_notice .title .more:hover{  background: url(icon_more_left_hover.png) center no-repeat; }

#left_notice a{ display: block;}

#left_notice .pic_box{ width: 220px; height: 150px; overflow: hidden; margin: 20px 0;}

#left_notice .pic_box img{ display: block; width: 220px; height: 150px;}

#left_notice li{ padding-bottom: 13px; margin-bottom: 18px; border-bottom: 1px solid #dee0e3; }

#left_notice li .text_box{ padding-left: 10px; background: url(icon_dd_hotnews.png) left 5px no-repeat;}

#left_notice li .text_box a{ font-size: 12px; color: #4d4e4f; line-height: 18px; margin-bottom: 5px;}

#left_notice li span{ font-size: 12px; color: #929496;}

#left_notice li .text_box a:hover{ color:#2c316e;}

 

/*============内页左侧图片连接==========*/

#n_left .ad_box{ margin-bottom: 15px;}



#n_left .ad_box a { display: block; position: relative;}



#n_left .ad_box img{ width: 260px; display: block;}



#n_left .ad_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }



#n_left .ad_box .icon_box::before,#n_left .ad_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}



#n_left .ad_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}



#n_left .ad_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}



#n_left .ad_box a:hover .icon_box::before,#n_left .ad_box a:hover .icon_box::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



/*===================内页推荐新闻================*/

#hot_news{ margin-top: 20px; background: #ececf0; height: 215px; position: relative;}

#hot_news .bd{ }

#hot_news .bd li{ display: block}

#hot_news .bd a{ display:block;}

#hot_news .bd a .pic_box{ overflow:hidden;width: 260px; height: 110px; }

#hot_news .bd a img{ display:block; width: 260px; height: 110px;}

#hot_news .bd a h1{padding: 15px 20px; font-size:14px; color: #39393a; line-height: 20px; height: 40px; overflow: hidden;}

#hot_news .hd{ position: absolute; left: 20px; bottom: 20px; z-index: 9;}

#hot_news .hd a{font-size: 14px; font-family: "SimSun"; display: inline-block;  margin-right: 5px; color: rgb( 57, 57, 58 );  text-transform: uppercase;}

#hot_news .hd a:hover,#hot_news .bd a:hover h1{ color:#003b8f;}



/*====================管理团队=====================*/

#n_team{  }

#n_team ul{ margin:-20px -24px; margin-left: -22px;}

#n_team li{ margin: 20px 24px;  float:left; width:175px;  padding: 5px; background: #f7f7f9; display:block; border:1px solid #e9e9ec; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;   }

#n_team li a{ display:block;} 

#n_team li a .pic_box{ overflow: hidden; width:175px; height: 175px; }

#n_team li a .pic_box img{ width:175px; height: 175px; display: block;}

#n_team li .text_box{position: relative;   margin-bottom: 20px; padding: 14px 15px 10px 15px; }

#n_team li .text_box h1{display:block; text-align: center; font-size:14px; color:#333334;}

#n_team li .text_box i{ display: block;height: 1px; width: 20px;  margin:10px auto; background: #003b8f;}

#n_team li .text_box p{ display: block; font-size: 12px; text-align: center; color: #696b6c; line-height: 18px;  overflow: hidden;}

#n_team li:hover{ box-shadow: 0 0 8px #aaa; }

#n_team li:hover h1{ }

 

#n_team .hd{ display:inherit; text-align:center; margin-top:50px;}

#n_team .hd a{ display:inline-block; margin:0 5px; border:1px solid #a8aaab;  font-family: "SimSun"; width:35px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#727475;}

#n_team .hd a:hover{ background:#003b8f; border:1px solid #003b8f; color:#fff;}



 

  



/*==============政策法规=====================*/

#n_legal{}

#n_legal  {   }

#n_legal  ul{ margin:0px -27px;}

#n_legal  li{ display: block; width: 420px; float: left; margin:20px 27px;}

#n_legal  li a{ display: block; position: relative;}

#n_legal  li .text_box{  padding: 40px 28px; position: relative; background: #f7f7f9; border: 2px solid #f7f7f9;}

#n_legal  li h1{  display:block;  font-size:15px; color:#414242; margin-bottom: 13px; position: relative; width: 275px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }

#n_legal  li p{ line-height:20px; font-size:12px; color:#909096;}

#n_legal  li a:hover{ color:#0d9486;}

#n_legal  .date_box{ position:absolute; right:30px; top:-15px; z-index: 9; background: #003b8f; border:1px solid #e0e1e3; text-align: center;  padding:20px 10px;}

#n_legal  .date_box strong{   display:block; font-weight: 700; text-align: right;font-size: 16px;  color:#fff;}

#n_legal  .date_box span{ font-size: 12px; color: #fff; text-align: right; margin-top: 2px; display:block; text-transform: uppercase;}

#n_legal  li:hover .text_box{ border: 2px solid #e7e7ec;}

#n_legal  li:hover .date_box{ background:#024cb6;  }

 







/*==============建言献策=====================*/



#n_msg{  }



#n_msg p{ position:absolute; left:0; top:145px; font-size:12px; color:#707173;}



.j_form { position:relative; }



.j_form label{ width: 310px; float: left; border:1px solid #edeff2;  position:relative; display:block;  height:40px; line-height:40px; margin: 0 0 12px 0; font-size:12px; color:#bebebe; padding-left:120px;}



.j_form .label .h_x{ left: 395px; top: -8px;position: absolute;}



.j_form  input[type="text"]{  height:40px; background:none; color:#676767; width: 280px; border:none; background:#fff;  border-radius:0px;   display:block;  padding:0 15px; line-height:40px; font-size:12px; }



.j_form  input[type="text"]:focus{   }



.j_form label strong{ font-weight:normal; display:block; background:#edeff2; color:#5e5f61; height:40px; line-height:40px;  position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center;  }



.j_form .textarea_box{ width: 774px; height:163px;}



.j_form .textarea_box strong{ height:163px;}



.j_form textarea{height: 150px; resize:none; color:#66656b;   width: 538px; padding-right:10px; background:none; border: none;  line-height:24px; font-size:12px; padding: 6px 15px;  }



.j_form textarea:focus{ }







.yzm_box {  position:relative; border:1px solid #fff !important;  }

.yzm_box strong{ height:42px !important; line-height:42px !important;}

.yzm_box input[type="text"]{border:1px solid #edeff2;   font-size:14px; height:40px; color:#666; width: 138px !important; line-height:40px;}

.yzm{ position:absolute; left: 300px; height:40px; top:0px;}

.yzm a{ position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0;}

.yzm_box input[type="submit"]{ }

.j_form  input[type="submit"]{ width:120px; margin-top: 20px; display:block; cursor:pointer; height:40px; background:#003b8f; border-radius:0px; overflow:hidden; color:#fff; font-size:14px;  line-height:38px; border:none;   text-align:center;}

.j_form input[type="submit"]:hover{ background:#1c4d96;}

 



/*==============工程案例====================*/

#n_case_type{}

#n_case_type .left{ width: 570px; background: #e1e1e5; padding: 4px;}

#n_case_type{}

#n_case_type{}

#n_case_type .right{ width: 630px;}

#n_case_type .right dd{background: #003b8f; display: block; margin-bottom: 10px; float: left; width: 305px; height: 199px; margin-left: 10px; overflow: hidden;}

#n_case_type .right dd a{ display: block; overflow: hidden;  height: 199px; }

#n_case_type dd .pic{ width: 305px; height: 199px; display: block;}

#n_case_type dd .icon{ display: block; margin: 0 auto; padding-top: 52px; color: #fff; padding-bottom: 15px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#n_case_type dd strong{ display: block; font-size: 18px; text-align: center;   color: #fff; margin-bottom: 5px;}

#n_case_type dd h1{ font-size: 15px; display: block; text-align: center;  color: #fff;}

#n_case_type dd.li2{background: #05a182; }

#n_case_type dd.li3{background: #2e71cf;}

#n_case_type dd:hover .icon{ padding-top: 43px;} 







#n_case_type .left{ width: 560px;  height:400px;  overflow:hidden; position:relative;  }

#n_case_type .left .bd{ position:relative; height:100%; z-index:2;   }

#n_case_type .left .bd li{ position:relative; display:block;  }

#n_case_type .left .bd li a{ display:block; position:relative; width: 560px;  height:400px; overflow: hidden;}

#n_case_type .left .bd ul li h1{ line-height:40px; height:40px; width: 520px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding:0 20px;  display:block; position:absolute; left:0; bottom:0; bottom: 0px; z-index:99999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);}

#n_case_type .left .bd ul li h1 strong{ color:#fff; text-align: left; margin-right: 120px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_case_type .left .bd ul li h1 span{ display: block; font-size: 12px; color: #fff; position: absolute; right: 20px; top: 0;}



#n_case_type .left .bd img{width: 560px;  height:400px;  display:block;  }

#n_case_type .left .hd{height: 45px; width: 150px; overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:9; }

#n_case_type .left .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 16px;  }

#n_case_type .left .hd ul li{float:left; margin-left:10px; width:13px; height:13px; border-radius:50%;  text-align:center; background:#bebebe; cursor:pointer; }

#n_case_type .left .hd ul li.current{ background:#d2333d;   }

#n_case_type .left .bnt{ display: block; left: 4px; width: 26px; text-align: center; height: 54px; line-height: 54px; top: 50%; z-index:8; margin-top: -27px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}

#n_case_type .left .bnt.next{ left: auto; right:4px;}

#n_case_type .left:hover .bnt { left: 4px;  background:#003b8f;}

#n_case_type .left:hover .bnt.next{left: auto; right:4px;}



/*==============工程案例列表====================*/

#n_case{ padding-top: 1px; }

#n_case ul { margin:0 -21px -20px -21px;   }

#n_case li{ float:left; width:260px; margin: 0px 21px 30px; padding: 5px; background: #e9e9eb; display:block;}

#n_case li a{ display:block;    }

#n_case li .pic_box{ width:260px; height:175px; display:table; overflow:hidden;   }

#n_case li img{  width:260px; height:175px; display:block; margin: 0 auto;}

#n_case li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:14px; color:#555555; text-align:center;}

#n_case li:hover h1{ color: #fff;}

#n_case li:hover { background: #19427d;}





/*==============工程案例详情相关====================*/

#case_xg{  }

#case_xg{margin-top:30px; }

#case_xg .title{  margin-bottom: 25px; border-bottom:3px solid #d9d9dd; }

#case_xg .title h1 { display: inline-block; border-bottom:3px solid #003b8f; padding-bottom: 5px; margin-bottom: -3px; color:#003b8f; font-size:15px;}

#case_xg .content{ background: #ededf0; padding: 35px;}

#case_xg ul {     }

#case_xg li{ width:240px; margin-right:33px; padding: 5px; background: #fff; display:inline-block;}

#case_xg li a{ display:block;}

#case_xg li .pic_box{ width:240px; height:165px; display:table; overflow:hidden;   }

#case_xg li img{  width:240px; height:165px; display:block; margin: 0 auto;}

#case_xg li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:14px; color:#555555; text-align:center;}

#case_xg li:hover h1{ color: #fff;}

#case_xg li:hover { background: #19427d;}



/*==============文化活动=====================*/ 

#n_active{ margin-bottom:-40px;}

#n_active ul{ margin:-21px; padding-bottom:10px;}

#n_active li{ width:220px; background: #f4f6f8; position:relative; display:block; overflow:hidden; float:left;padding: 22px 25px 28px;

margin: 13px 21px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#n_active li a{ display:block; overflow: hidden;}

#n_active li .pic_box{ position:relative; background:#000; }

#n_active li .pic_box a{ display: block; width:220px;  height:165px; overflow: hidden;}

#n_active li img{width:220px;  height:165px; display:block;}

#n_active li h1 a{  overflow:hidden;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#2a2a2c; font-size:14px;  display:block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;   }

#n_active li span {color:#9b9b9c; font-size: 12px; display:block; margin: 8px 0 20px 0px;}

#n_active li p{ color: #9b9b9c; font-size:12px;  line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 20px;}

#n_active li:hover { box-shadow: 0 0 10px #888;}

#n_active li h1:hover a{ color: #d83648;}



/*====================人力资源=====================*/

#n_hr{  }

#n_hr ul{ margin:-18px}

#n_hr li{ margin: 18px; height: 155px;  float:left; width:425px; display:block; border:2px solid #e9e9ec;  }

#n_hr li a{ display:block; padding: 25px;} 

#n_hr li .title{position: relative; border-bottom: 1px solid #d9d9dd; margin-bottom: 20px; }

#n_hr li .title h1{ padding-bottom: 10px;   display:block;   font-size:16px; color:#494a4a; margin-bottom:10px;}

#n_hr li .title span{ display: block; position: absolute; right: 0; top: 0; background: url(icon_more_left.png) center no-repeat; height: 16px; width: 16px; overflow: hidden;}

#n_hr li dl{ position: relative; line-height: 22px;}

#n_hr li dd span{ color:#909193; font-size:12px;   display:block; margin-bottom:5px;}

#n_hr li dd strong{ color:#494a4a; font-size:13px;   display:block;}

#n_hr li dd{ display:block; float: left; text-align: left; width:  150px;}

#n_hr li dd.time{ display:inline-block; position: absolute; right: 0; top: 0; width: auto;}

#n_hr li:hover{    }

#n_hr li:hover h1{color:#003b8f;}

#n_hr li:hover .title span{background: url(icon_more_left_hover.png) center no-repeat; }



#n_hr .hd{ display:inherit; text-align:center; margin-top:50px;}

#n_hr .hd a{ display:inline-block; margin:0 5px; border:1px solid #a8aaab;  font-family: "SimSun"; width:35px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#727475;}

#n_hr .hd a:hover{ background:#003b8f; border:1px solid #003b8f; color:#fff;}



#hr_info { display:block; text-align:left; padding-top:50px; padding-bottom:35px; border-bottom:1px solid #dbdcdc;}

#hr_info span{ color:#656667; font-size:16px; display:inline-block; padding-right: 80px; }

.bnt_hr_more{ margin-bottom:50px; color:#fff; font-size:14px; width:90px; border-radius:2px; overflow:hidden; padding-left:60px; height:40px; line-height:40px;  display:block; background: url(../images/icon_zxzp.png) 35px center no-repeat #f3955a; text-align:left}

.bnt_hr_more:hover{ background:url(../images/icon_zxzp.png) 35px center no-repeat #003b8f; color:#fff;}





/*==============管理部门=====================*/

#n_management .up_box{   padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #e7e7e8;}

#n_management .up_box{ margin-bottom: 50px;}

#n_management #list_slide{  position:relative;}

#n_management #list_slide{  position:relative;}

#n_management #list_slide dl{   margin-bottom:15px;  position: relative; background:#f3f5f8;  }

#n_management #list_slide dt{border:none;  display:block; position:relative;  padding: 0px 30px; background: #f3f5f8;  cursor:pointer; height:48px; }

#n_management #list_slide dt h1{  color:#424243; font-size:15px; line-height:48px; background:url(icon_ygjy_on.png) right center no-repeat;  display:block;}

#n_management #list_slide dd{ display:none; line-height:24px;  padding: 15px 10px 15px 10px;    background: #f3f5f8;}

#n_management #list_slide dd p{  margin-bottom:0;}

#n_management #list_slide dd p:last-child{ padding-bottom:0;}

#n_management #list_slide dd .content{ padding:14px 20px 15px 20px;}

#n_management #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;}

#n_management #list_slide dt.on{ background:#003b8f;}

#n_management #list_slide dt.on h1{ background:url(icon_ygjy_off.png) right center no-repeat; color: #fff;  }

  

/*=================发展历程==================*/

#n_dsj{ margin-bottom: -30px;}

#n_dsj .title{ display: block;  margin-bottom: 40px; }



#n_dsj .title img{margin: 0 auto; display: block;}



#n_dsj .hd_box{ position: relative; margin-bottom: 50px; background: #f7f7f9; border: 1px solid #e0e0e4;}



#n_dsj .hd a{}



#n_dsj .bd{ overflow: hidden; width: 750px; margin: 0 auto;} 



#n_dsj .bd ul{ margin-right: -10px;}



#n_dsj .bd li{ position: relative; cursor: pointer;   width: 150px; height: 35px;   float: left;}



#n_dsj .bd li .bun_bg{ position: absolute; width: 100%; height: 37px; background: #003b8f; bottom: -1px; left: 0; opacity:0;filter:alpha(opacity=0);}



#n_dsj .bd li.on .bun_bg{ opacity:1;filter:alpha(opacity=100);}



#n_dsj .bd li h1{ display: block; height: 35px; line-height: 35px;   font-size: 15px;  color: #404142;text-transform: uppercase;text-align: center; position: relative; z-index: 9999;}

#n_dsj .bd li.on h1{ color: #fff;}

#n_dsj .bd li.on_on{ }



#n_dsj .hd  {overflow:hidden;   }



#n_dsj a.bnt { position:absolute; z-index:9; display: block; width: 9px; height: 13px; top: 11px; overflow: hidden; background-image: url(icon_dsj_prev_next.png); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }



#n_dsj a.bnt.prev{ left: 27px; background-position: -9px center;}



#n_dsj a.bnt.next{right: 27px; background-position: 18px center;}



#n_dsj a.bnt.prev:hover { background-position:   0px center;}



#n_dsj a.bnt.next:hover{  background-position:   9px center;}



#n_dsj .bd_box li{ display:block;}



#n_dsj dt h1{ font-size: 15px; color:#003b8f; display: block; margin-bottom: 10px;}

#n_dsj dd{ border-bottom:1px solid #e4e5e6; margin-bottom: 30px; padding-bottom: 20px;}





 

/*===荣誉奖项===*/

#n_honor{ overflow: hidden;}

#n_honor ul {margin: 0 -10px; }

#n_honor li{ float:left; width:190px; margin: 10px;  background: #f7f7f9;   padding:30px 47px 25px 47px; display:block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#n_honor li a{ display:block; }

#n_honor li .pic_box{ width:190px; height:130px; background: #fff; padding: 5px;   display:table; overflow:hidden; border:1px solid #e5e8eb; }

#n_honor li .pic_box .box{display:table-cell; vertical-align:middle; }

#n_honor li img{  max-width:190px; margin: 0 auto; height:130px; display:block; }

#n_honor li span{  display:block; padding-top:15px; font-size:15px; color:#3f3e3e; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_honor li:hover  { box-shadow:0 0 5px #ccc;  }

#n_honor li:hover a{text-decoration:none;}

#n_honor li:hover span{color:#0152a5; text-decoration:none;  }

  

 



/*==================联系我们=====================*/

#n_contact{ position:relative; width:100%; overflow:hidden; }

#n_contact .up_box { padding: 40px; background: url(bg_contact.jpg) center top no-repeat; margin-bottom:35px; position:relative;   height: 185px; border-bottom:3px solid #003b8f;}

#n_contact .map{ border:1px solid #e3e3e7;}

#n_contact .ewm_box{ position:absolute; right:0; bottom:40px;  display:block;}

#n_contact .ewm_box .ewm{ display:inline-block; margin-left:25px;} 

#n_contact .ewm_box img{ display:block; width:93px; height:93px; margin:0 auto;}

#n_contact .ewm_box span{ display:block; text-align:center; font-size:12px; color:#828080; padding-top:10px;}







/*==============新闻中心=====================*/

#n_news .up_box .left{ width:370px; }



#slide_news{ width:370px; height:280px;  overflow:hidden; position:relative;  }



#slide_news .bd{ position:relative; height:100%; z-index:2;   }



#slide_news .bd li{ position:relative; display:block;  }



#slide_news .bd li a{ display:block; position:relative; width:370px; height:280px; }



#slide_news .bd ul li h1{ color:#fff; font-size:14px; text-align: center;line-height:45px; height:45px; width: 331px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding:0 20px;  display:block; position:absolute; left:0; bottom:0; bottom: 0px; z-index:99999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);}

#slide_news .bd img{ width:370px; height:280px; display:block;  }



#slide_news .hd{height: 45px; width: 150px; overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:9; }



#slide_news .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 16px;  }



#slide_news .hd ul li{float:left; margin-left:10px; width:13px; height:13px; border-radius:50%;  text-align:center; background:#bebebe; cursor:pointer; }



#slide_news .hd ul li.current{ background:#d2333d;   }



#slide_news .bnt{ display: block; left: -50px; width: 26px; text-align: center; height: 54px; line-height: 54px; top: 50%; z-index:8; margin-top: -27px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}



#slide_news .bnt.next{ left: auto; right:-50px;}



#slide_news:hover .bnt { left: 0;  background:#003b8f;}



#slide_news:hover .bnt.next{left: auto; right:0;}





#n_news .right{ width: 500px; height: 280px; overflow: hidden;}

#n_news .right li{ display:block; position:relative; margin-bottom: 10px; height: 95px; background:#f7f7f9; padding:20px 30px;}

#n_news .right h1{ display:block; }

#n_news .right span{  font-size:12px; display:block;   color:#a4a5a7; margin-top:10px; margin-bottom: 10px;}

#n_news .right h1 a{  font-size:15px;  color:#252728;   display:block;   }

#n_news .right p{ line-height:20px;font-size:12px;color:#8b8b8d;height:40px; overflow:hidden;}

#n_news .right h1 a:hover{ color:#10578e;  }







/*==============新闻中心=====================*/

#n_news .un_box{ margin:0;}

#n_news .un_box ul{overflow:hidden}

#n_news .un_box li{display:block;padding:30px 0; border-bottom:1px solid #e8e8ed}

#n_news .un_box li .box{padding:0 0 0 110px;position:relative;height: 98px;}

#n_news .un_box li a{display:block;font-size:16px;padding-top:10px;color:#4a4b4c;margin-bottom:13px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_news .un_box li p{line-height:20px;font-size:12px;color:#8b8b8d;height:40px; overflow:hidden;}

#n_news .un_box li a:hover{color:#003b8f;}

#n_news .un_box .date_box{position:absolute;left:0;top:0;  background: #e9e9ee; padding: 18px 0px;  text-align:center;width:80px}

#n_news .un_box .date_box strong{ display:block;font-size:35px;color:#747678}

#n_news .un_box .date_box span{font-size:12px;color:#88888a;margin-top:4px;display:block;text-transform:uppercase}

#n_news .un_box li:hover .date_box{ }

#n_news .un_box li:hover .date_box strong{color:#003b8f; }

#n_news .un_box li:hover .date_box span{ }

#n_news .un_box li.last{ border-bottom:none; padding-bottom:10px;}



/*==============新闻详情=====================*/

#n_article { margin-bottom:20px;}

#n_article .ar_title{ position:relative; z-index:9; padding:0px 0 10px 0; border-bottom:1px dashed #e5e5e5;   }

#n_article .ar_title h1{ font-size:18px; display:block; font-weight: 700; text-align:center; line-height:25px; margin-bottom:10px; color:#565659;}

#n_article .ar_title h2{ font-size:12px; display:block; text-align:center; color:#7f8084; line-height:30px;}

#n_article .ar_article{ padding-top:30px; padding-bottom:20px;  min-height:300px;}

#ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-top:1px dashed #e5e5e5;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#575859;  }

#ar_fot h1 a{ font-size:12px; color:#575859; font-weight:normal;}

#ar_fot h1 a:hover{ color:#063579;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}







/*===================相关文章=====================*/

#news_xg_list{margin-top:30px; border:1px solid #e8ebec; padding:20px 25px;  background:#f7f9fa;}

#news_xg_list .title{ height: 15px; border-left:3px solid #003b8f; line-height: 15px; padding-left: 8px; color:#434344; font-size:15px;}

#news_xg_list ul{ margin-top:10px;}

#news_xg_list li{ display:block; line-height:30px; position:relative; height:30px; background:url(icon_dd.png) left center no-repeat; padding-left:15px; }

#news_xg_list li a{ font-size:14px; color:#4f4d4d; display: block; width: 700px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#news_xg_list li a:hover{ color:#003b8f; text-decoration:underline;}

#news_xg_list li span{ position:absolute; right:0; top:0; line-height:40px;  font-size:12px; color:#a4a2a2;}





/*==============党群工作=====================*/

#n_party .up_box{ margin-bottom: 20px;}

#n_party .left{ width:830px; background: #f7f7f9;}

#n_party .right{ width: 350px; overflow: hidden; background: #f7f7f9; } 



#n_party .title{  border-bottom: 1px solid #efeef2; padding:23px 25px; position: relative;}

#n_party .title strong{ font-size: 16px; color: #003b8f; display: inline-block; font-weight: bold;}

#n_party .title  span{ color: #6d6c6f; font-size: 12px; display: inline-block; }

#n_party .title h1{ display: inline-block;     }

#n_party .title .more{ display: block; position: absolute; right: 25px; top: 25px; background: url(icon_more_left.png) center no-repeat; height: 16px; width: 16px; }

#n_party .title .more:hover{ background: url(icon_more_left_hover.png) center no-repeat; }



#n_party .un_box a:hover{ color: #003b8f;} 



/*==============党建工作=====================*/

#n_party .slide_news{ width:830px; height:400px;  overflow:hidden; position:relative; }

#n_party .slide_news .bd{ position:relative; height:100%; z-index:2;   }

#n_party .slide_news .bd li{ position:relative; display:block;  }

#n_party .slide_news .bd li a{ display:block; position:relative; padding-left: 290px; width:540px; height:400px; }

#n_party .slide_news .bd li .text_box{ background: #003b8f; position: absolute; left: 0; top: 0; width: 220px; padding:80px 35px 0 35px; height: 320px;}

#n_party .slide_news .text_box h1{ margin-bottom: 15px; color:#fff; font-size:16px; font-weight: 700; line-height:26px; height:52px;   display:block;  }

#n_party .slide_news .text_box p{ line-height: 24px; font-size: 72px; font-size: 12px; color: #fff; opacity:.74; filter:alpha(opacity=74);}

#n_party .slide_news .text_box span{ margin-top: 40px; display: block; width: 95px; height: 34px;line-height: 34px; text-align: center; font-size:12px; border: 1px solid #4a74b0; color: #c5ccde;}

#n_party .slide_news .bd img{ width:540px; height:400px; display:block;}

#n_party .slide_news .hd{height: 45px;   overflow:hidden; position:absolute; left:30px; bottom:50px; z-index:9; }

#n_party .slide_news .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 16px;  }

#n_party .slide_news .hd ul li{float:left; margin-left:7px; width:6px; height:6px; border-radius:50%;  text-align:center; border: 1px solid #87a3ca; cursor:pointer; }

#n_party .slide_news .hd ul li.on{ background:#fff; border: 1px solid #fff;   }

#n_party .slide_news .bnt{ display: block; left: -50px; width: 26px; text-align: center; height: 54px; line-height: 54px; top: 50%; z-index:8; margin-top: -27px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}

#n_party .slide_news .bnt.next{ left: auto; right:-50px;}

#n_party .slide_news:hover .bnt { left: 290px; background:rgba(0,0,0,.5);}

#n_party .slide_news .bnt:hover{ background: #003b8f; }

#n_party .slide_news:hover .bnt.next{left: auto; right:0;}

#n_party .slide_news .text_box span:hover{ border-radius:17px;}



#n_party .up_box .right{ height: 400px;}

#n_party .right ul{ padding: 0 25px; height: 400px; }

#n_party .right li{ display:block; position:relative;    padding:15px 0px; border-bottom: 1px solid #efeef2;}

#n_party .right li h1{ display:block; }

#n_party .right li span{  font-size:12px; display:block;   color:#bbbcbd; margin-top:10px; }

#n_party .right li h1 a{  font-size:15px;  color:#4a4b4c;   display:block; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_party .right li p{ line-height:20px;font-size:12px;color:#8b8b8d;height:40px; overflow:hidden;}

#n_party .right li h1 a:hover{ color:#003b8f;  }







/*============== 纪检工作 =====================*/

#n_party .un_box .left { width: 830px; height: 330px;}

#n_party .un_box .left .title{ padding: 23px 35px;}

#n_jijian .content{ padding: 30px 35px;}

#n_jijian .pic_news{ width: 490px;}

#n_jijian .pic_news li{ display: block; float: left; width: 220px; overflow: hidden; margin-right: 20px;}

#n_jijian .pic_news li .pic_box{ width: 220px; height: 165px; overflow: hidden; margin-bottom: 8px;}

#n_jijian .pic_news li img{ width: 220px; height: 165px; display: block; }

#n_jijian .pic_news li h1{  font-size:14px; line-height: 36px;  color:#4a4b4c; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_jijian .pic_news li:hover h1{color:#003b8f;  }



#n_jijian .text_news{ width: 235px; height:216px;  margin-top: -6px; overflow: hidden;}

#n_jijian .text_news a{  font-size:14px; line-height: 36px;  color:#4a4b4c; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



/*============== 群团工作 =====================*/

#n_mass { height:330px;}

#n_mass .content{  padding:20px 25px 0 25px; padding-bottom: 20px;}

#n_mass .content img{ width:300px; height: 135px; display: block; margin-bottom: 13px; }

#n_mass .content a{   font-size:14px; line-height: 36px;  color:#4a4b4c; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



/*===================================三严三实=========================================*/

#n_zhuanti .slide{  position:relative; overflow:hidden; background:#0a63bd;}

#n_zhuanti .slide .bd h1{ position:absolute; bottom:2px; z-index:99; width: 790px;overflow: hidden;white-space: nowrap; display:block; text-overflow: ellipsis; padding:0 20px; padding-right:70px;  display:block; height:30px; line-height:30px; font-size:14px;  color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#84000000', endColorstr='#84000000');background:rgba(0,0,0,0.52);}

#n_zhuanti .slide .bd .fl:hover h1{ color:#0a63bd; text-decoration:underline;}

#n_zhuanti .slide .bd li{ background:#0a63bd; display:block; width:1200px; }

#n_zhuanti .slide .bd li .fl{ padding:2px; position:relative; height:410px; width:880px; display:block; overflow:hidden;}

#n_zhuanti .slide .bd li img{  height:410px; width:880px; display:block;}

#n_zhuanti .slide .bd li .fr{ width:280px; padding:75px 18px;}

#n_zhuanti .slide .bd li .fr p{ color:#fff; line-height:33px; font-size:14px;}



#n_zhuanti .slide .prev{ position:absolute; left:0; top:50%; margin-top:-30px; z-index:9;}

#n_zhuanti .slide .next{ position:absolute; right:0; top:50%; margin-top:-30px; z-index:9;}

#n_zhuanti .slide .prev:hover,#n_zhuanti .slide .next:hover{ background:#222; }

#n_zhuanti .slide .hd{  position: absolute; width: 60px; height: 30px;  bottom:-5px;  right:0px;  text-align: right; right:340px; z-index: 999;}

#n_zhuanti .slide .hd li{ cursor:pointer; height:8px; border-radius:50%; width:8px; float:left; display:block; margin: 4px 3px 0 3px; background:#fff;}

#n_zhuanti .slide .hd .on{ background:#0a63bd;  }

#n_zhuanti .slide .hd li:hover{background:#0a63bd;  }



#n_zhuanti .un{ margin-top:40px}

#n_zhuanti .un .syss_title{ padding-bottom:20px;}

#n_zhuanti .un .left{ width:578px;}

#n_zhuanti .un .right{ width:578px;}

#n_zhuanti .un .content li{ line-height: 40px; border-bottom:1px solid #dfe0e7;position: relative; height: 40px;}

#n_zhuanti .un .content li a{ color:#6d6e72; font-size:14px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; width: 470px;}

#n_zhuanti .un .content li a:hover{ color:#003b8f;  }

#n_zhuanti .un .content li span{ color:#a5a5a6; font-size:12px; position: absolute; right: 0; top: 0;}





/*==============分享插件——银灵子=====================*/







.shart_box{ position:absolute; right:-5px; top:28px;}







#j_shart_s_24 .bds_count{ font-size:12px;}







#j_shart_s_24{ padding-left:60px; position:relative;}







#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}







#j_shart_s_24 .bds_qzone{background:url(j_shart.png) center -224px no-repeat}







#j_shart_s_24 .bds_tsina{background:url(j_shart.png) center -311px no-repeat}







#j_shart_s_24 .bds_tqq{background:url(j_shart.png) center -195px no-repeat}







#j_shart_s_24 .bds_renren{background:url(j_shart.png) center -340px no-repeat}







#j_shart_s_24 .bds_weixin{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_sqq{background:url(j_shart.png) center -79px no-repeat}







#j_shart_s_24 .bds_fbook{background:url(j_shart.png) center -166px no-repeat}







#j_shart_s_24 .bds_twi{background:url(j_shart.png) center -137px no-repeat}







#j_shart_s_24 .bds_linkedin{background:url(j_shart.png) center -108px no-repeat}







#j_shart_s_24 .bds_tieba{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_huaban{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_douban{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_copy{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_print{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_mshare{background:url(j_shart.png) center -253px no-repeat}







#j_shart_s_24 .bds_count{font-size:12px}



















 /*==============分页——银灵子=====================*/



.page { margin:0px auto 0px auto;}



.page .box{display:inherit; width:100%;  text-align: right; padding-top: 30px;}